import styled from 'styled-components'
import Icon from '@/components/Icon'
export const Wrap = styled.div`
	width: 100%;
	height: 600px;
	position: relative;
	.quality-table .table-wrap {
		min-height: 488px;
	}
`
export const Header = styled.div`
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	> div {
		display: flex;
		align-items: center;
	}
`
export const EllipsisDiv = styled.div`
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
`
export const IconArrow = styled.span`
	width: 11px;
	height: 6px;
	background: url()
		no-repeat;
	display: inline-block;
`
export const IconSearch = styled(Icon)`
	width: 30px;
	height: 30px;
	background-position: 0 -305px;
	cursor: pointer;
	border-radius: 50%;
	&:active {
		background-position: -30px -305px;
	}
	&.disabled,
	&.disabled:active {
		background-position: -90px -305px;
		cursor: default;
	}
`
